<!-- Author:Rain -->

<template>
 <div class="rain-form-item">
      <div class="rain-item-lable">
        <span>{{title}}</span>
      </div>
      <div class="rain-item-content">
        <input
          class="rain-target"
          :placeholder="placeholder"
          type="text"
          v-model="input"
          @blur="sendMsg"
        />
      </div>
    </div>
</template>

<script setup lang="ts" name="rain-input">

let props =defineProps(["placeholder","title","value"])
let emit= defineEmits(["sendInput"])
const {value}=markRaw(props)
let input=ref(value)

function sendMsg(){
    emit("sendInput",input.value)
}

</script>

<style scoped>
@import url("./css/formitems.css");
</style>